<template>
  <PageWrapper>
    <template #headerContent>
      <WorkbenchHeader />
    </template>
    <div class="mb-4">
      <GrowCard :loading="loading" class="enter-y" />
    </div>
    <div class="lg:flex">
      <div class="w-full mr-4 enter-y">
        <ProjectCard :loading="loading" class="enter-y" />
      </div>
      <!--      <div class="lg:w-2/5 w-full enter-y">-->
      <!--        <QuickNav :loading="loading" class="enter-y" />-->
      <!--      </div>-->
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { PageWrapper } from '@/components/Page';
  import WorkbenchHeader from './components/WorkbenchHeader.vue';
  import ProjectCard from './components/ProjectCard.vue';
  import GrowCard from './components/GrowCard.vue';

  const loading = ref(true);

  setTimeout(() => {
    loading.value = false;
  }, 1500);
</script>
